<!-- 首页HTML结构 -->
<!-- By 张剑锋 -->
<!DOCTYPE html>
<html>

<head>
    <title>黑眼圈小说网</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../head/head.css">
    <link rel="stylesheet" type="text/css" href="index.css">
    <script type="text/javascript" src="index.js"></script>
    <!-- TESTDATA -->
    <script type="text/javascript" src="data.js"></script>
</head>

<body>
    <div id='nav'>
        <div>
            <a href='https://book.douban.com/'>豆瓣读书</a>
            <a href='https://yuedu.baidu.com/'>百度阅读</a>
            <a href='https://www.qidian.com/'>起点中文网</a>
            <a href='http://chuangshi.qq.com/'>创世中文网</a>
            <a href='http://www.zongheng.com/'>纵横中文网</a>
        </div>
        <a id='sign'>登录/注册</a>
    </div>
    <div id='top'>
        <div>
            <div onclick="location='../home/index.html'">
                <img src='../img/logo.png'>
                <a>黑眼圈小说网</a>
            </div>
            <div>
                <div>
                    <input id='ipt' placeholder='书名、作者' />
                    <div id="btn">
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
                <div>
                    <div id='pop'></div>
                </div>
            </div>
            <a href="https://www.bilibili.com">登录/注册</a>
        </div>
    </div>
    <div id='main'>
        <div id='rec'>
            <a>新书速递</a>
            <div class='rec'></div>
            <a>热门推荐</a>
            <div class='rec'></div>
            <a>最受好评</a>
            <div class='rec'></div>
            <a>用户推荐</a>
            <div class='rec'></div>
        </div>
        <div id='tag'>
            <a>热门标签</a>
        </div>
    </div>
    </div>
</body>